<template>
  <div class="divSquare" :style="{backgroundColor: bgColor, width: width +'px',height: width + 'px',borderRadius: radius + 'px'}">
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'

@Component({
  name: 'ComponentSquare'
})

export default class extends Vue {
    @Prop({ default: 12 }) private width!: number;
    @Prop({ default: 3 }) private radius!: number;
    @Prop({ default: '#c3c3c3' }) private bgColor!: string;
}

</script>
<style lang="scss" scoped>
</style>
